<template>
	<view style="background-color: #F2F2F2;">

		<!-- 背景图 -->
		<view class="box-bgimg">
			<image src="https://yjgs.jsonbug.com/test/bg_index.png" style="height:502rpx;width: 750rpx;"></image>
		</view>
		<!-- end -->


		<!-- 导航栏 -->
		<view class="box-main-top" :style="{ height: homeTop+88 + 'rpx' }">
			<!-- 导航栏 -->
			<view class="head-wrapper" id="home" :style="{ top: homeTop + 'rpx' }">
				<image class="box-logo " src="https://yjgs.jsonbug.com/test/yjgs_logo.png"></image>
			</view>
			<!-- end -->
		</view>
		<!-- end -->


		<view :style="{ height: homeTop+68 + 'rpx' }">
		</view>

		<!-- 轮播图 -->
		<view class="m-25">
			<swiper @change="swiperG($event,'贵商故事')" style="min-height: 400rpx;max-height: auto;" circular
				:autoplay="autoplayG" :interval="6000" :duration="500" :class="{ 'swiper-guide': showGuide }">
				<swiper-item v-for="(item,index) in dataList1" :key="index">
					<view class="mt-20 pos-r">
						<view v-if="item.video" @click="playVideo(index,'贵商故事')">
							<view v-if="index != currentVideoG">
								<image class="br-12 "
									:src="$timer.ensureUrl(item.cover) || 'https://yjgs.jsonbug.com/storage/default/20241108/20241109164114.jpg'"
									mode="aspectFill" style="height: 370rpx;width: 100%;"></image>
								<image src="https://yjgs.jsonbug.com/storage/default/20241108/video_play_icon.png"
									style="width: 96rpx;height: 96rpx;left: 50%;top: 50%;transform:translate(-50%,-50%)"
									class="br-100p pos-a"></image>
							</view>
							<video :enable-progress-gesture="false" v-if="index == currentVideoG" autoplay
								:poster='$timer.ensureUrl(item.cover)' id="video-1"
								style="height: 390rpx;width: 100%;border-radius: 12rpx;"
								:src="$timer.ensureUrl(item.video)">
							</video>
						</view>
						<swiper v-else :autoplay='true'
							:indicator-dots="$timer.strToArr(item.carousel_images).length > 1" style="height: 370rpx;">
							<swiper-item @click="preViewClick(item,_index)"
								v-for="(cur, _index) in $timer.strToArr(item.carousel_images)" :key="_index">
								<image :src="cur" style="width: 100%;height: 370rpx;border-radius: 12rpx;">
								</image>
							</swiper-item>
						</swiper>
					</view>
				</swiper-item>
			</swiper>
			<!-- <u-swiper height='175' radius='6' :list="list1"></u-swiper> -->
		</view>
		<!-- end -->

		<!-- 平台公共 -->
		<view v-if="platformList2.length" class="box-gg mt-20 ml-20">
			<view class="">
				<image src="https://yjgs.jsonbug.com/test/ptgonn.png" style="width: 162rpx;height: 80rpx;"></image>
			</view>
			<view class="bg-white  h-80 line-1" style="width: calc(100% - 187rpx);line-height: 80rpx;">
				<swiper :vertical='false' class="swiper" circular :indicator-dots="indicatorDots" :autoplay="true"
					:interval="6000" :duration="3000">
					<swiper-item v-for="(item,index) in platformList2" :key="index">
						<navigator :url="'/pages/extend/index/index_news_desc?id='+item.id" hover-class="none">
							<view class="line-1">
								<text class="fw fs-32 pl-10">{{item.title || ''}}</text>
							</view>
						</navigator>
					</swiper-item>
				</swiper>
			</view>
		</view>
		<!-- end -->


		<!-- 金刚区 -->
		<view class="box-jgq bg-white br-10 mt-20 p-20  ml-20" style="width: calc(100% - 40rpx);">
			<view @click="toPageJgq('找人脉')" class="flex ac jc fc">
				<view>
					<image style="width: 80rpx;height: 80rpx;"
						src="https://yjgs.jsonbug.com/storage/default/20241009/111.png"></image>
				</view>
				<view>
					找人脉
				</view>
			</view>
			<view @click="toPageJgq('找商机')" class="flex ac jc fc">
				<view>
					<image style="width: 80rpx;height: 80rpx;"
						src="https://yjgs.jsonbug.com/storage/default/20241009/222.png"></image>
				</view>
				<view>
					找商机
				</view>
			</view>
			<view @click="toPageJgq('找项目')" class="flex ac jc fc">
				<view>
					<image style="width: 73rpx;height: 73rpx;"
						src="https://yjgs.jsonbug.com/storage/default/20241009/333.png"></image>
				</view>
				<view>
					找项目
				</view>
			</view>
			<view @click="toPageJgq('找资金')" class="flex ac jc fc">
				<view>
					<image style="width: 80rpx;height: 80rpx;"
						src="https://yjgs.jsonbug.com/storage/default/20241009/444.png"></image>
				</view>
				<view>
					找资金
				</view>
			</view>
			<view @click="toPageJgq('找采访')" class="flex ac jc fc">
				<view>
					<image style="width: 80rpx;height: 80rpx;"
						src="https://yjgs.jsonbug.com/storage/default/20241009/555.png"></image>
				</view>
				<view>
					找采访
				</view>
			</view>
			<view @click="toPageJgq('找专家')" class="flex ac jc fc">
				<view>
					<image style="width: 80rpx;height: 80rpx;"
						src="https://yjgs.jsonbug.com/storage/default/20241009/666.png"></image>
				</view>
				<view>
					找专家
				</view>
			</view>
			<view @click="toPageJgq('找服务')" class="flex ac jc fc">
				<view>
					<image style="width: 80rpx;height: 80rpx;"
						src="https://yjgs.jsonbug.com/storage/default/20241009/777.png"></image>
				</view>
				<view>
					找企服
				</view>
			</view>
			<view @click="toPageJgq('找商会')" class="flex ac jc fc">
				<view>
					<image style="width: 80rpx;height: 80rpx;"
						src="https://yjgs.jsonbug.com/storage/default/20241009/888.png"></image>
				</view>
				<view>
					找商会
				</view>
			</view>
		</view>
		<!-- end -->

		<!-- 会客厅 -->
		<view v-if="platformList3.length > 0" class="bg-white br-10 m-25">
			<view style="height: 20rpx;"></view>
			<scroll-view scroll-x="true" class="lounge-scroll-container" :show-scrollbar="false"
				:scroll-left="loungeScrollLeft" scroll-with-animation
				@touchstart="handleLoungeScrollTouchStart"
				@touchend="handleLoungeScrollTouchEnd">
				<view class="lounge-content">

					<!-- 招商卡片1 -->
					<view v-for="(item,index) in platformList3" :key="index" class="lounge-card">
						<view @click="$timer.preView(platformList3.map(item => $timer.ensureUrl(item.cover)),index)"
							class="lounge-card-image-wrap">
							<image :src="$timer.ensureUrl(item.cover)" class="lounge-card-image" mode="aspectFill">
							</image>
						</view>
						<view class="lounge-card-content">
							<view class="lounge-card-title">{{item.title || ''}}</view>
						</view>
					</view>

				</view>
			</scroll-view>
		</view>
		<!-- end -->


		<!-- 贵商互动 -->
		<view class="bg-white br-10 m-25">
			<view style="height: 30rpx;"></view>
			<view class="bb pl-20 flex ac sb ">
				<view class="flex ac">
					<view class="br-10" style="width: 6rpx;height: 30rpx;background-color: #0012AA;"></view>
					<view class="fw fs-34 ml-10">
						贵商活动
					</view>
				</view>
				<view @click="toVideoPage('贵商互动')" class="fw mr-20 fs-30" style="color: #1211A3;">
					查看更多
				</view>
			</view>
			<view v-if="newSL.to_url" @click="toPageSL" class="pl-20 mt-20">
				<image class="br-8" :src="$timer.ensureUrl(newSL.cover)"
					style="width: calc(100% - 20rpx);height: 356rpx;"></image>
			</view>
			<viwe style="width: 100%;">
				<view class="ml-20 mt-20 mb-25"
					style="width: calc(100% - 40rpx);border: 1rpx dashed rgba(0, 0, 0, 0.15);"> </view>
			</viwe>
			<swiper @change="swiperG($event,'贵商互动')" style="height:560rpx ;" class="swiper" circular
				:indicator-dots="false" :autoplay="autoplayZ" :interval="3000" :duration="500">
				<swiper-item v-for="(item,index) in dataList3" :key="index">
					<view class="box-card bb pl-15 pt-10">
						<view style="color: #333333;" class="fw fs-32 line-1">
							{{item.title || ''}}
						</view>
						<view style="color: #666666;" class="fs-26 mt-10 fw line-1">
							{{item.describe || ''}}
						</view>
						<view class="mt-20 pos-r">
							<view v-if="item.video" @click="playVideo(index,'贵商互动')">
								<view v-if="index != currentVideoZ">
									<image class="br-12 mb-10"
										:src="$timer.ensureUrl(item.cover) || 'https://yjgs.jsonbug.com/storage/default/20241108/20241109164114.jpg'"
										mode="aspectFill" style="height: 320rpx;width: calc(100% - 15rpx);"></image>
									<image src="https://yjgs.jsonbug.com/storage/default/20241108/video_play_icon.png"
										style="width: 96rpx;height: 96rpx;left: 50%;top: 50%;transform:translate(-50%,-50%)"
										class="br-100p pos-a"></image>
								</view>
								<video :enable-progress-gesture="false" v-if="index == currentVideoZ" autoplay
									:poster='$timer.ensureUrl(item.cover)' id="video-1"
									style="height: 360rpx;width: calc(100% - 15rpx);border-radius: 12rpx;"
									:src="$timer.ensureUrl(item.video)">
								</video>
							</view>
							<swiper v-else :autoplay='true'
								:indicator-dots="$timer.strToArr(item.carousel_images).length > 1"
								style="height: 320rpx;">
								<swiper-item @click="preViewClick(item,_index)"
									v-for="(cur, _index) in $timer.strToArr(item.carousel_images)" :key="_index">
									<image :src="cur" mode="aspectFill"
										style="width: calc(100% - 15rpx);height: 310rpx;border-radius: 12rpx;">
									</image>
								</swiper-item>
							</swiper>
						</view>
					</view>
					<view class="flex ac sb ml-25 mr-25 mt-30 ">
						<view class="fw c-666">
							<text>{{$timer.formatTime(item.create_time,'yyyy年mm月dd日')}}</text>
						</view>
						<button open-type="share" hover-class="none" class="protoButton">
							<view class="box-card-share">
								<text class="iconfont-yjgs " style="font-size: 50rpx;">
									&#xe64e;
								</text>
								<text class="fw fs-32 pos-r" style="top: -8rpx;left: -8rpx;">分享</text>
							</view>
						</button>
					</view>
				</swiper-item>
			</swiper>
		</view>
		<!-- end -->

		<view class="m-25">
			<view class="flex ac sb">
				<view class="flex ac">
					<view class="br-10" style="width: 6rpx;height: 30rpx;background-color: #0012AA;"></view>
					<view class="fw fs-34 ml-10">
						贵商寄语
					</view>
				</view>
				<view class="flex ac">
					<view v-if="feedbackList.length > 0" @click="toFeedbackList" class="more-btn mr-10">
						查看更多
					</view>
					<view @click="toPublishFeedback" class="publish-btn">
						发布
					</view>
				</view>
			</view>
		</view>

		<!-- 贵商寄语内容区域 -->
		<view class="ml-25 mr-25 bg-light-gradient br-12 pb-20" style="margin-bottom: 30rpx;">
			<!-- 欢迎语区域 -->
			<view class="p-30 pb-20 welcome-section">
				<view class="flex ac">
					<view class="welcome-greeting">
						<text class="fw fs-34">{{greeting}}！ 贵商朋友！</text>
						<view class="welcome-decoration"></view>
					</view>
				</view>
				<view class="fs-26 c-666 mt-30 lh-40">
					{{headerDesc || ''}}
				</view>
			</view>

			<!-- 卡片区域 - 使用swiper实现滑动 -->
			<view class="card-section">
				<u-skeleton :loading="feedbackLoading" rows="1" :rowsHeight="['500rpx']" :rowsWidth="['100%']"
					:title="false">
					<swiper v-if="feedbackList && feedbackList.length > 0" class="feedback-swiper"
						:indicator-dots="true" indicator-color="rgba(0, 0, 0, .2)" indicator-active-color="#0012AA"
						:autoplay="true" :interval="3000" :duration="500" :circular="true">

						<swiper-item v-for="(page, pageIndex) in feedbackList" :key="pageIndex" style="margin-top: 0;">
							<view class="px-20 flex space-between">
								<!-- 左侧卡片 -->
								<view class="feedback-card" style="width: 48%;"
									@click="viewFeedbackDetail(page.leftCard)" v-if="page.leftCard">
									<view class="card-header">
										<text class="card-tag"
											:class="page.leftCard.typeClass">{{page.leftCard.typeText}}</text>
										<text class="card-date">{{page.leftCard.date}}</text>
									</view>
									<image class="card-image" :src="page.leftCard.imageUrl" mode="aspectFill"></image>
									<view class="card-user">
										<text class="user-name">{{page.leftCard.userName}}</text>
										<text class="user-company line-2">{{page.leftCard.companyName}}</text>
									</view>
									<view class="card-desc">{{page.leftCard.content}}</view>
									<view class="card-footer">
										<view class="card-money" v-if="page.leftCard.money">
											<text class="money-icon">¥</text>
											<text class="money-value">预估{{page.leftCard.money}}</text>
										</view>
										<view v-else></view>
										<text class="view-btn">去看看</text>
									</view>
								</view>

								<!-- 右侧卡片 -->
								<view class="feedback-card" style="width: 48%;"
									@click="viewFeedbackDetail(page.rightCard)" v-if="page.rightCard">
									<view class="card-header">
										<text class="card-tag"
											:class="page.rightCard.typeClass">{{page.rightCard.typeText}}</text>
										<text class="card-date">{{page.rightCard.date}}</text>
									</view>
									<image class="card-image" :src="page.rightCard.imageUrl" mode="aspectFill"></image>
									<view class="card-user">
										<text class="user-name">{{page.rightCard.userName}}</text>
										<text class="user-company line-2">{{page.rightCard.companyName}}</text>
									</view>
									<view class="card-desc">{{page.rightCard.content}}</view>
									<view class="card-footer">
										<view class="card-money" v-if="page.rightCard.money">
											<text class="money-icon">¥</text>
											<text class="money-value">预估{{page.rightCard.money}}</text>
										</view>
										<view v-else></view>
										<text class="view-btn">去看看</text>
									</view>
								</view>

								<!-- 如果右侧没有卡片，显示占位符 -->
								<view class="feedback-card placeholder" style="width: 48%; visibility: hidden;"
									v-if="!page.rightCard">
								</view>
							</view>
						</swiper-item>

					</swiper>

					<!-- 空状态提示 -->
					<view v-else class="empty-feedback-container">
						<image class="empty-feedback-image" src="/static/images/empty-box.png" mode="aspectFit"></image>
						<view class="empty-feedback-text">暂无贵商寄语内容</view>
						<view class="empty-feedback-desc">分享您在平台的成功案例、服务体验和实际收益</view>
						<view @click="toPublishFeedback" class="empty-feedback-btn">
							<text class="empty-feedback-btn-text">立即发布</text>
						</view>
					</view>
				</u-skeleton>
			</view>
		</view>

		<!-- 贵商人脉 -->
		<view class="m-25">
			<view class="flex ac">
				<view class="br-10" style="width: 6rpx;height: 30rpx;background-color: #0012AA;"></view>
				<view class="fw fs-34 ml-10">
					贵商人脉
				</view>
			</view>
		</view>
		<view class="ml-25 mr-25 bg-white br-8 bb pt-20 pb-20  ">
			<view class="flex ww">
				<view @click="toMpPage(item)" v-for="(item,index) in cardDataList" :key="index" class="box-mp bb "
					style="background-color: #F7F7F7;">
					<view class="pos-r">
						<view>
							<image mode="aspectFill" :src="$timer.ensureUrl(item.avatar)"
								style="width:100%;height:393rpx;border-top-right-radius: 10rpx;border-top-left-radius: 10rpx;">
							</image>
						</view>
						<view v-if="item.is_real == 1" class="pos-a" style="top: 20rpx;left: 20rpx;">
							<image src="https://yjgs.jsonbug.com/test/shiming.png" style="width: 116rpx;height: 49rpx;">
							</image>
						</view>
						<view class="box-mp-name c-white">
							<view class="fw fs-32 ">
								{{item.name || '--'}}
							</view>
							<view class="box-mp-rq tc">
								<text class="iconfont-yjgs c-red">&#xe604;</text>
								<text style="color: #0012AA;font-size: 24rpx;">人气值:{{item.pv || ''}}</text>
							</view>
						</view>
					</view>
					<view class="c-000 fs-24 tc fw ">
						<view class="mt-10 line-1">
							{{item.company_name || ''}}
						</view>
						<view class="mt-10">
							{{item.position || ''}}
						</view>
					</view>
				</view>
			</view>
			<view @click="toPageMp(1)" class="ml-20">
				<image src="https://yjgs.jsonbug.com/test/viewmorere.png"
					style="width: calc(100% - 20rpx);height: 75rpx;"></image>
			</view>
		</view>
		<!-- end -->

		<view class="bb pl-20 flex ac sb mt-20">
			<view class="flex ac">
				<view class="br-10" style="width: 6rpx;height: 30rpx;background-color: #0012AA;"></view>
				<view class="fw fs-34 ml-10">
					商机广场
				</view>
			</view>
			<view @click="toPageMore" class="fw mr-20 fs-28" style="color: 000;">
				查看更多
			</view>
		</view>
		<view class="mt-30">
			<swiper v-if="sendList.length" style="height: 200rpx;" previous-margin='30' next-margin='30' class="swiper"
				circular :autoplay="true" :interval="3000" :duration="500">
				<swiper-item @click="toPageMp(0,item)" v-for="(item,index) in sendList" :key="index">
					<view class="box-card-shangji bb p-20">
						<view class="flex ac sb">
							<view class="flex ac">
								<view class="mr-20">
									<image mode="aspectFill" class="br-100p" :src="$timer.ensureUrl(item.avatar)"
										style="width: 80rpx;height: 80rpx;"></image>
								</view>
								<view class="pos-r" style="top: -10rpx;">
									<view class="fw fs-26">
										<text>{{item.name || ''}}/{{item.position || ''}}</text>
									</view>
									<view class="mt-10 fs-24 line-1" style="width: 45vw;">
										<text>{{item.company_name || ''}}</text>
									</view>
								</view>
							</view>
							<view class="mr-20 fw pos-r" style="color: rgba(1, 0, 156, 1);top: -5rpx;width: 260rpx;">
								想去看看
							</view>
						</view>
						<view class="mt-10">
							<view class="fs-26 ml-10 fw line-2">
								<text v-if="item.type == 2" class="box-gongy"
									style="background-color:#1D46BC;">需求</text>
								<text v-else class="box-gongy">供应</text>
								<text class="ml-10" style="line-height: 42rpx;">{{item.title || ''}}</text>
							</view>
						</view>
					</view>
				</swiper-item>
			</swiper>
			<swiper v-if="sendListTwo.length" style="height: 210rpx; margin-top: 20rpx;" previous-margin='70'
				class="swiper" circular :autoplay="true" :interval="2000" :duration="500">
				<swiper-item @click="toPageMp(0,item)" v-for="(item,index) in sendListTwo" :key="index">
					<view class="box-card-shangji bb p-20">
						<view class="flex ac sb">
							<view class="flex ac">
								<view class="mr-20">
									<image mode="aspectFill" class="br-100p" :src="$timer.ensureUrl(item.avatar)"
										style="width: 80rpx;height: 80rpx;"></image>
								</view>
								<view class="pos-r" style="top: -10rpx;">
									<view class="fw fs-26">
										<text>{{item.name || ''}}/{{item.position || ''}}</text>
									</view>
									<view class="mt-10 fs-24 line-1" style="width: 45vw;">
										<text>{{item.company_name || ''}}</text>
									</view>
								</view>
							</view>
							<view class="mr-20 fw pos-r" style="color: rgba(1, 0, 156, 1);top: -5rpx;width: 260rpx;">
								想去看看
							</view>
						</view>
						<view class="mt-10">
							<view class="fs-26 ml-10 fw line-2">
								<text v-if="item.type == 2" class="box-gongy"
									style="background-color:#1D46BC;">需求</text>
								<text v-else class="box-gongy">供应</text>
								<text class="ml-10" style="line-height: 42rpx;">{{item.title || ''}}</text>
							</view>
						</view>
					</view>
				</swiper-item>
			</swiper>
		</view>


		<!-- 商机广场 -->
		<view v-if="false" class="bb pl-20 flex ac sb mt-20">
			<view class="flex ac">
				<view class="br-10" style="width: 6rpx;height: 30rpx;background-color: #0012AA;"></view>
				<view class="fw fs-34 ml-10">
					会员服务
				</view>
			</view>
			<view class="fw mr-20 fs-28" style="color: 000;">
				<navigator hover-class="none" url="/pages/extend/user_vip/user_vip">
					查看更多
				</navigator>
			</view>
		</view>
		<view v-if="false" class="mt-30 ml-20">
			<navigator hover-class="none" url="/pages/extend/user_vip/user_vip">
				<image :src="$timer.ensureUrl(itemObj1.vip_home)" style="width: 710rpx;height: 370rpx;"></image>
			</navigator>
		</view>

		<!-- <u-skeleton rows="2" :rowsHeight="['30px','80px']" :rowsWidth="['100%','100%']" :loading="serviceListLoading"
			:title="false">
			<view class="bg-white mt-10 pt-5 ml-20 mr-20 br-12 pl-20 pr-20 pb-20">
				<view v-for="(item,index) in serviceList" :key="index" class="box-card-item ">
					<view class="box-form-item">
						<navigator v-for="(cur,_index) in item.info" :key="_index" hover-class="none"
							:url="'/pages/extend/service/service_case?category_id=' + cur.category_id">
							<image :src="$timer.ensureUrl(cur.image)" style="width: 100%;" mode="widthFix">
							</image>
						</navigator>
					</view>
				</view>
			</view>
		</u-skeleton> -->
		<!-- end -->


		<!-- 贵商探访 -->
		<view class="bb pl-20 flex ac sb mt-20">
			<view class="flex ac">
				<view class="br-10" style="width: 6rpx;height: 30rpx;background-color: #0012AA;"></view>
				<view class="fw fs-34 ml-10">
					采访探访
				</view>
			</view>
			<view @click="toVideoPage('贵商探访')" class="fw mr-20 fs-28" style="color: 666;">
				查看更多
			</view>
		</view>
		<view>
			<u-skeleton :loading="dataList2Loading" rows="1" :rowsWidth="['100%']" :rowsHeight="['100px']">
				<swiper previous-margin='30' next-margin='30' @change="swiperG($event,'贵商探访')"
					style="min-height: 550rpx;max-height: auto;" circular :autoplay="autoplayQ" :interval="3000"
					:duration="500" :class="{ 'swiper-guide': showGuide }">
					<swiper-item v-for="(item,index) in dataList2" :key="index">
						<view class="box-card-list bb p-20">
							<view class="fw fs-34 line-1">
								<text>{{item.title || ''}}</text>
							</view>
							<view v-if="item.describe" class="mt-10 line-1">
								<text class="fs-26" style="color: #707070;">{{item.describe || ''}}</text>
							</view>
							<view class="mt-20 pos-r">
								<view v-if="item.video" @click="playVideo(index,'贵商探访')">
									<view v-if="index != currentVideoQ">
										<image class="br-12 "
											:src="$timer.ensureUrl(item.cover) || 'https://yjgs.jsonbug.com/storage/default/20241108/20241109164114.jpg'"
											mode="aspectFill" style="height: 320rpx;width: 100%;"></image>
										<image
											src="https://yjgs.jsonbug.com/storage/default/20241108/video_play_icon.png"
											style="width: 96rpx;height: 96rpx;left: 50%;top: 50%;transform:translate(-50%,-50%)"
											class="br-100p pos-a"></image>
									</view>
									<video :enable-progress-gesture="false" v-if="index == currentVideoQ" autoplay
										:poster='$timer.ensureUrl(item.cover)' id="video-1"
										style="height: 320rpx;width: 100%;border-radius: 12rpx;"
										:src="$timer.ensureUrl(item.video)">
									</video>
								</view>
								<swiper v-else :autoplay='true'
									:indicator-dots="$timer.strToArr(item.carousel_images).length > 1"
									style="height: 320rpx;">
									<swiper-item @click="preViewClick(item,_index)"
										v-for="(cur, _index) in $timer.strToArr(item.carousel_images)" :key="_index">
										<image :src="cur" style="width: 100%;height: 320rpx;border-radius: 12rpx;">
										</image>
									</swiper-item>
								</swiper>
							</view>
							<view class="mt-10 flex ac sb">
								<view style="color: #707070;">
									<text>{{$timer.formatTime(item.create_time,'yyyy年mm月dd日')}}</text>
								</view>
								<button open-type="share" hover-class="none" class="protoButton">
									<view style="color: #707070;">
										<text class="iconfont-yjgs  fs-40">
											&#xe68c;
										</text>
										<text>分享</text>
									</view>
								</button>
							</view>
						</view>
					</swiper-item>
				</swiper>
			</u-skeleton>
		</view>
		<!-- end -->

		<!-- 商会联盟 -->
		<view class="bb pl-20 flex ac sb mt-20">
			<view class="flex ac">
				<view class="br-10" style="width: 6rpx;height: 30rpx;background-color: #0012AA;"></view>
				<view class="fw fs-34 ml-10">
					商会联盟
				</view>
			</view>
			<navigator open-type='navigate' url="/pages/project_model/index_v2" hover-class="none">
				<view class="fw mr-20 fs-28" style="color: 666;">
					查看更多
				</view>
			</navigator>
		</view>
		<view @click="toPage(item)" class="chamber-item" v-for="(item, index) in chamberList" :key="index">
			<view class="chamber-logo-wrapper">
				<image class="chamber-logo" mode="aspectFill"
					:src="$timer.ensureUrl(item.logo) || 'https://ide.code.fun/api/image?token=67d66df3defdb1001118b84f&name=445617016e20a36b787398650c7a3599.png'" />
			</view>
			<view class="chamber-info">
				<text class="chamber-name">{{item.nickname || ''}}</text>
				<text class="chamber-date">成立时间：{{formatDate(item.set_time)}}</text>
				<text class="chamber-members">商(协)会成员：{{item.number || 0}}{{item.number > 99 ? '+' : ''}}</text>
				<view class="detail-btn"><text class="detail-text">查看详情</text></view>
			</view>
		</view>
		<!-- end -->


		<!-- 动态资讯 -->
		<view v-if="platformList1.length" class="bb pl-20 flex ac sb mt-20">
			<view class="flex ac">
				<view class="br-10" style="width: 6rpx;height: 30rpx;background-color: #0012AA;"></view>
				<view class="fw fs-34 ml-10">
					动态资讯
				</view>
			</view>
			<navigator url="/pages/extend/index/index_news_list" hover-class="none">
				<view class="fw mr-20 fs-28" style="color: 666;">
					查看更多
				</view>
			</navigator>

		</view>
		<view @click="toPageNews(item)" v-for="(item,index) in platformList1" :key="index"
			class="mt-20 box-news bb p-20 bg-white br-8 flex ">
			<view class="mr-10">
				<image mode="aspectFill" :src="$timer.ensureUrl(item.cover)" style="width: 163rpx;height: 163rpx;">
				</image>
			</view>
			<view>
				<view class="fw fs-32 line-2">{{item.title || ''}}</view>
				<view class="box-lshy">{{item.laber || ''}}</view>
				<view class="flex ac sb c-666 w-100p mt-10">
					<view>
						<text>{{$timer.formatTime(item.create_time,'yyyy年mm月dd日')}}</text>
					</view>
					<view>
						<text class="iconfont icon-liulan"></text>
						<text>{{item.number || 0}}次</text>
					</view>
				</view>
			</view>
		</view>
		<!-- end -->

		<!-- 关于我们 -->
		<navigator hover-class="none" url="/pages/extend/user/index_about_us">
			<view class="mt-30" style="z-index: 99;">
				<view v-if="itemObj1.introduce" class="pl-20 pr-20 pb-20 pt-10">
					<image style="width: 100%;" :src="$timer.ensureUrl(itemObj1.about_us_image)" mode="widthFix">
					</image>
				</view>
			</view>
		</navigator>
		<view class="pos-r" style="top: -340rpx;z-index: 1;pointer-events:none;">
			<image src="https://yjgs.jsonbug.com/test/20251011134703_1514_6.png" style="width: 100%;height: 560rpx;">
			</image>
		</view>
		<!-- end -->


		<!-- 公众号 -->
		<button class="notButtonCss" open-type="contact">
			<!-- v-if="itemObj1.gzh_url" @click="openGzhPopup" -->
			<image class="pos-f" src="https://yjgs.jsonbug.com/test/gzhpt.png"
				style="width: 130rpx;height: 130rpx;right: 10rpx;bottom: 400rpx;">
			</image>
		</button>

		<!-- end -->

		<!-- 回到顶部 -->
		<image @click="onTopScrollClick" v-if="scrollTop > 200" class="pos-f"
			src="https://yjgs.jsonbug.com/test/top.png" style="width: 130rpx;height: 130rpx;right: 0;bottom: 300rpx;">
		</image>
		<!-- end -->

		<!-- 关注公众号 -->
		<uni-popup ref="gzhPopup" type="center" @change="(e)=>{if(!e)gzhshow=false}">
			<view style="background-color: #fff; border-radius: 12rpx;  position: relative;">
				<view style="position: relative;">
					<image show-menu-by-longpress :src="$timer.ensureUrl(itemObj1.gzh_url)" style="width: 550rpx;"
						mode="widthFix">
					</image>
					<view
						style="position: absolute; bottom: -100rpx; left: 0; width: 100%; display: flex; justify-content: center;">
						<view @click="closeGzhPopup">
							<text class="iconfont icon-guanbi2 fw" style="font-size: 60rpx; color: white;"></text>
						</view>
					</view>
				</view>
			</view>
		</uni-popup>
		<!-- end -->

		<view style="margin-top: -270rpx;"></view>

		<!--自定义底部tab-->
		<customTab :newData="newData" :activeRouter="activeRouter"></customTab>

	</view>
</template>
<script>
	import customTab from '@/components/customTab';
	import {
		getNavigation
	} from '@/api/public.js';
	import {
		toLogin
	} from '@/libs/login.js';
	import {
		configMap
	} from "@/utils";
	import {
		mapGetters
	} from "vuex";
	import {
		cardCardInfoList,
		cardList,
		serviceList,
		serviceInfo,
		serviceTrendGetInfo,
		comList,
		platformGetList,
		trendDetailOne,
		PlatformFeedBackGetList,
	} from "@/api/extend.js"
	export default {
		components: {
			customTab,
		},
		computed: configMap({}, mapGetters(['isLogin', 'uid', 'userInfo'])),
		data() {
			return {
				headerDesc: '',
				newSL: {}, // 最新一期沙龙
				platformList1: [], //动态咨询
				platformList2: [], //平台公告
				platformList3: [], //会客厅
				activeRouter: '',
				newData: {},
				gzhshow: false,
				scrollTop: 0,
				sendList: [], // 供需广场
				sendListTwo: [], // 供需广场
				cardDataList: [], // 名片列表
				serviceListLoading: true,
				serviceList: [],
				itemObj1: {},
				current_page: 1,
				limit: 3,
				chamberList: [], // 商(协)会列表数据
				currentVideoZ: -1, //最新动态当前视频播放索引
				currentVideoG: -1, //贵商故事当前视频播放索引
				currentVideoQ: -1, //企业探访当前视频播放索引
				showGuide: false, // 
				autoplayG: true, // 贵商故事是否自动滚动
				autoplayZ: true, // 
				autoplayQ: true, // 企业探访是否自动滚动
				dataList3Loading: true,
				dataList2Loading: true,
				dataList3: [], // 沙龙活动
				dataList2: [], // 探访视频
				dataList1: [], // 贵商故事
				homeTop: 88,
				list1: [
					'https://yjgs.jsonbug.com/storage/default/20250327/80cd5b899725d1fbb7e6c58db1ceb583b60eabef.jpg',
					'https://yjgs.jsonbug.com/storage/default/20250327/80cd5b899725d1fbb7e6c58db1ceb583b60eabef.jpg',
					'https://yjgs.jsonbug.com/storage/default/20250327/80cd5b899725d1fbb7e6c58db1ceb583b60eabef.jpg',
				],
				greeting: '你好',
				feedbackList: [], // 贵商寄语数据
				feedbackLoading: false,
				loungeScrollLeft: 0, // 会客厅滚动位置
				loungeScrollTimer: null, // 会客厅滚动定时器
				loungeResumeTimer: null, // 用户交互后恢复滚动的定时器
				isUserInteracting: false // 用户是否正在交互
			}
		},
		watch: {
			currentVideoG(newVal, newOld) {
				if (newVal == -1) {
					this.autoplayG = true;
				} else {
					this.autoplayG = false;
				}
			},
			currentVideoQ(newVal, newOld) {
				if (newVal == -1) {
					this.autoplayQ = true;
				} else {
					this.autoplayQ = false;
				}
			},
			currentVideoZ(newVal, newOld) {
				if (newVal == -1) {
					this.autoplayZ = true;
				} else {
					this.autoplayZ = false;
				}
			}
		},
		// #ifdef MP
		onShareAppMessage: function() {
			let that = this;
			wx.showShareMenu({
				withShareTicket: true,
				menus: ['shareAppMessage', 'shareTimeline']
			});
			return {
				title: '加入遇见贵商，一起互助互帮',
				imageUrl: `${this.$timer.ensureUrl(this.itemObj1.fmt_url)}`,
				path: '/pages/index/index?uid=' + (that.uid || -1)
			};
		},
		onShareTimeline: function() {
			let that = this;
			return {
				title: '加入遇见贵商，一起互助互帮',
				query: {
					uid: this.uid || -1
				},
				imageUrl: `${this.$timer.ensureUrl(this.itemObj1.fmt_url)}`
			};
		},
		// #endif
		onLoad() {
			this.getNav();
			this.getList();
			this.serviceListFunc();
			this.serviceInfo();
			this.getChamberList();
			this.serviceTrendGetInfoFunc();
			this.cardCardInfoListFunc(); // 供需发布列表
			this.platformGetListFunc(1);
			this.platformGetListFunc(2, 6);
			this.platformGetListFunc(3, 20);
			this.trendDetailOneFunc();
			this.getGreeting();
			this.getFeedbackList(); // 获取贵商寄语数据
		},
		onPageScroll(e) {
			uni.$u.debounce(this.toNextClick(e.scrollTop), 1000)
		},
		created(options) {
			let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
			let curRoute = routes[routes.length - 1].route //获取当前页面路由
			this.activeRouter = '/' + curRoute
		},
		methods: {

			toPageJgq(name) {
				if (name == '找人脉') {
					uni.setStorageSync('tabberQuery', {
						index: 1,
						data: 1
					})
					uni.switchTab({
						url: '/pages/connection/index_v2',
					})
					return;
				}

				if (name == '找商机') {
					uni.setStorageSync('tabberQuery', {
						index: 1,
						data: 0
					})
					uni.switchTab({
						url: '/pages/connection/index_v2',
					})
					return;
				}

				if (name == '找商会') {
					uni.navigateTo({
						url: '/pages/project_model/index_v2',
					})
					return;
				}

				if (name == '找服务') {
					uni.navigateTo({
						url: '/pages/extend/index/index_serve',
					})
					return;
				}

				if (name == '找资金') {
					uni.navigateTo({
						url: '/pages/extend/index/index_policy?type=4',
					})
					return;
				}

				if (name == '找项目') {
					uni.navigateTo({
						url: '/pages/extend/index/index_project?type=3',
					})
					return;
				}

				if (name == '找专家') {
					uni.navigateTo({
						url: '/pages/extend/index/index_expert?type=2',
					})
					return;
				}


				if (name == '找采访') {
					uni.navigateTo({
						url: '/pages/index/index_desc?mode=1&title=采访&tag=详情',
					})
					return;
				}


			},

			toPageMore() {
				uni.setStorageSync('tabberQuery', {
					index: 1,
					data: 0
				})
				uni.switchTab({
					url: '/pages/connection/index_v2',
				})
			},
			toPageSL() {
				let param = this.$timer.getQueryParams(this.newSL.to_url)
				// 判断活动是否已结束
				const currentTime = new Date().getTime()
				const endTime = new Date(this.newSL.end_time).getTime()
				if (param.id && (currentTime > endTime)) {
					uni.navigateTo({
						url: '/pages/extend/index/salon_pic?id=' + param.id
					})
					return
				}
				uni.setStorageSync('webViewUrl', this.newSL.to_url);
				uni.navigateTo({
					url: this.newSL.to_url
				})
			},
			trendDetailOneFunc() {
				trendDetailOne().then(res => {
					this.newSL = res.data;
				})
			},
			toPageNews(item) {
				uni.navigateTo({
					url: '/pages/extend/index/index_news_desc?id=' + item.id
				})
			},
			platformGetListFunc(type = 1, limit = 3) {
				platformGetList({
					type: type,
					limit: limit
				}).then(res => {
					// 1平台动态 2平台公告
					if (type == 1) {
						this.platformList1 = res.data.data;
					}
					if (type == 2) {
						this.platformList2 = res.data.data;
					}
					if (type == 3) {
						this.platformList3 = res.data.data;
					}

				})
			},
			toPageMp(tab = 0, item) {

				if (tab == 0) {
					uni.navigateTo({
						url: `/pages/extend/connection/chamber_desc?id=${item.id}`
					})
					return;
				}

				uni.setStorageSync('tabberQuery', {
					index: 1,
					data: tab
				})
				uni.switchTab({
					url: '/pages/connection/index_v2',
				})
			},
			getNav() {
				getNavigation().then(res => {
					this.newData = res.data;
					if (this.newData.status && this.newData.status.status) {
						uni.hideTabBar()
					} else {
						uni.showTabBar()
					}
				})
			},
			toNextClick(e) {
				this.scrollTop = e;
			},
			onTopScrollClick() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 300
				})
			},
			toVideoPage(str) {
				if (str == '贵商互动') {
					uni.navigateTo({
						url: '/pages/index/index_desc?title=贵商&tag=活动'
					})
					return;
				}

				if (str == '贵商探访') {
					uni.navigateTo({
						url: '/pages/index/index_desc?title=采访&tag=探访'
					})
					return;
				}
			},
			cardCardInfoListFunc() {
				cardCardInfoList({
					limit: 16,
					page: 1
				}).then(res => {
					let data = JSON.parse(JSON.stringify(res.data.data))
					this.sendList = data.splice(0, 4);
					this.sendListTwo = res.data.data.splice(5, 16);
				})
			},
			toMpPage(item) {
				// #ifdef MP-WEIXIN
				uni.requestSubscribeMessage({
					tmplIds: ['isRFUlKxwwU08-0gSBKmsuI7jiPHR7dlbYsCNkpjqTM',
						'6o66cib1Dz28tWRoQKHxfDhuSTIjr30kWTYACHOpzd4',
						'reVE_yMnD9b6eR5S9BKpxfKUG9xfKH7EtMT79SePlsk'
					],
					success(res) {

					}
				})
				// #endif

				if (!this.isLogin) {
					toLogin();
					return;
				}
				uni.navigateTo({
					url: '/pages/extend/connection/index_desc?id=' + item.id
				})
			},
			getList() {
				cardList({
					page: Math.floor(Math.random() * 16) + 1 || 1,
					limit: 4,
					type: 0,
				}).then(res => {
					let data = res.data.data;
					this.cardDataList = data;
				})
			},
			serviceListFunc() {
				serviceList().then(res => {
					this.serviceList = res.data;
					this.serviceListLoading = false;
				})
			},
			serviceInfo() {
				serviceInfo().then(res => {
					this.itemObj1 = res.data;
					this.$store.commit("SET_MyCompany", res.data);
				})
			},
			// 格式化日期
			formatDate(dateStr) {
				if (!dateStr) return '';
				// 处理日期格式，确保正确显示
				try {
					// 尝试转换日期
					const date = new Date(dateStr);
					if (isNaN(date.getTime())) {
						return dateStr; // 如果转换失败，返回原始字符串
					}
					return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
				} catch (e) {
					return dateStr;
				}
			},
			// 获取商(协)会列表
			getChamberList() {
				const params = {
					type: 1, // 1: 未加入的商(协)会, 2: 我的商(协)会
					limit: this.limit,
					page: this.current_page
				};

				comList(params).then(res => {
					if (res.status === 200 && res.data) {
						const data = res.data.data || [];
						this.current_page = res.data.current_page;
						this.chamberList = data;
					}
				}).catch(err => {
					uni.showToast({
						title: '网络异常，请稍后重试',
						icon: 'none'
					});
				});
			},
			toPage(item) {
				this.$store.commit('SET_ChamberObj', item)
				uni.navigateTo({
					url: `/pages/extend/chamber/chamber_home?cid=${item.id || ''}`
				})
			},
			swiperG(e, type) {
				if (type == '贵商故事') {
					this.currentVideoG = -1;
					return
				}
				if (type == '贵商探访') {
					this.currentVideoQ = -1;
					return
				}
				if (type == '贵商互动') {
					this.currentVideoZ = -1;
					return
				}
			},
			checkGuideStatus() {
				// 每次进入页面都显示引导动画
				this.showGuide = true;
				// 动画结束后移除引导状态
				setTimeout(() => {
					this.showGuide = false;
				}, 3000);
			},
			serviceTrendGetInfoFunc() {
				serviceTrendGetInfo().then(res => {
					this.dataList3 = res.data.item3;
					this.dataList3Loading = false;

					this.dataList2 = res.data.item2;
					this.dataList2Loading = false;

					this.dataList1 = res.data.item1;
					this.dataList1Loading = false;
					this.checkGuideStatus();
				})
			},
			preViewClick(item, _index) {
				if (item.to_url) {
					uni.setStorageSync('webViewUrl', item.to_url);
					uni.navigateTo({
						url: item.to_url
					})
				} else {
					this.$timer.preView(this.$timer.strToArr(item.carousel_images), _index)
				}
			},
			playVideo(index, type) {
				// 暂停其他正在播放的视频
				if (this.currentVideoG !== -1 && type !== '贵商故事') {
					this.currentVideoG = -1;
				}
				if (this.currentVideoQ !== -1 && type !== '贵商探访') {
					this.currentVideoQ = -1;
				}
				if (this.currentVideoZ !== -1 && type !== '贵商互动') {
					this.currentVideoZ = -1;
				}

				// 设置当前要播放的视频
				if (type == '贵商故事') {
					this.currentVideoG = index;
				} else if (type == '贵商探访') {
					this.currentVideoQ = index;
				} else if (type == '贵商互动') {
					this.currentVideoZ = index;
				}
			},
			closeGzhPopup() {
				this.gzhshow = false;
				this.$refs.gzhPopup.close();
			},
			openGzhPopup() {
				this.gzhshow = true;
				this.$refs.gzhPopup.open();
			},
			getGreeting() {
				const hour = new Date().getHours();
				if (hour >= 5 && hour < 12) {
					this.greeting = '早上好';
				} else if (hour >= 12 && hour < 14) {
					this.greeting = '中午好';
				} else if (hour >= 14 && hour < 18) {
					this.greeting = '下午好';
				} else {
					this.greeting = '晚上好';
				}
			},
			toFeedbackList() {
				uni.navigateTo({
					url: '/pages/extend/index/index_feedback'
				})
			},
			toPublishFeedback() {

				if (!this.isLogin) {
					toLogin();
					return;
				}

				uni.navigateTo({
					url: '/pages/extend/index/index_feedback_send'
				})
			},
			// 获取并处理贵商寄语数据
			getFeedbackList() {
				this.feedbackLoading = true;

				PlatformFeedBackGetList({
					page: 1,
					limit: 10 // 获取更多条记录，用于组装多页轮播
				}).then(res => {
					if (res.status === 200 && res.data && res.data.data) {
						const listData = res.data.data || [];
						this.headerDesc = res.data.text || ''

						// 处理每条数据，转换为前端卡片需要的格式
						const formattedList = listData.map(item => {
							// 处理图片，获取第一张作为展示
							let imgUrl = 'https://image.meiye.art/pic_7qM4h15C5Q5IRkqWrd1_d'; // 默认图片
							if (item.images) {
								const imgArr = item.images.split(',');
								if (imgArr.length > 0 && imgArr[0]) {
									imgUrl = imgArr[0];
								}
							}

							// 获取卡片样式类和类型文本
							let typeText = '贵商寄语';
							let typeClass = 'card-tag-green';

							if (item.type === 1) {
								typeText = '沙龙感想';
								typeClass = 'card-tag-blue';
							} else if (item.type === 2) {
								typeText = '贵商反馈';
								typeClass = 'card-tag-red';
							} else if (item.type === 4) {
								typeText = '项目合作';
								typeClass = 'card-tag-orange';
							}

							// 格式化日期
							const date = item.create_time ?
								item.create_time.substring(0, 10).replace(/-/g, '/') : '';

							// 获取用户信息
							const userName = item.card && item.card.name ? item.card.name : '用户';
							const companyName = item.card && item.card.position && item.card.position
								.company_name ?
								item.card.position.company_name : '未知公司';

							// 格式化金额展示
							let moneyText = '';
							if (item.money && item.money > 0) {
								moneyText = this.formatFeedbackMoney(item.money);
							}

							return {
								id: item.id,
								typeText: typeText,
								typeClass: typeClass,
								date: date,
								imageUrl: imgUrl,
								userName: userName,
								companyName: companyName,
								content: item.content || '',
								money: moneyText
							};
						});

						// 组装成轮播格式数据：每页两个卡片
						const swiperPages = [];
						for (let i = 0; i < formattedList.length; i += 2) {
							const page = {
								leftCard: formattedList[i],
								rightCard: i + 1 < formattedList.length ? formattedList[i + 1] : null
							};
							swiperPages.push(page);
						}

						this.feedbackList = swiperPages;
					} else {
						// 加载失败，设置空数组
						this.feedbackList = [];
					}
				}).catch(err => {
					console.error('获取贵商寄语数据失败', err);
					this.feedbackList = [];
				}).finally(() => {
					this.feedbackLoading = false;
				});
			},

			// 格式化贵商寄语金额展示
			formatFeedbackMoney(money) {
				if (!money || isNaN(parseFloat(money))) return '';
				money = parseFloat(money);

				if (money <= 0) return '';

				if (money < 1000) {
					return money + '元';
				} else if (money < 10000) {
					return (money / 1000).toFixed(1).replace('.0', '') + '千';
				} else if (money < 100000) {
					return (money / 10000).toFixed(1).replace('.0', '') + '万';
				} else {
					return (money / 10000).toFixed(0) + '万';
				}
			},

			// 查看贵商寄语详情
			viewFeedbackDetail(item) {
				if (item && item.id) {
					uni.navigateTo({
						url: '/pages/extend/index/index_feedback_desc?id=' + item.id
					});
				}
			},

			// 会客厅自动滚动
			startLoungeAutoScroll() {
				// 如果用户正在交互，不启动自动滚动
				if (this.isUserInteracting) {
					return;
				}
				
				// 每隔3秒滚动一次
				this.loungeScrollTimer = setInterval(() => {
					// 如果用户正在交互，暂停滚动
					if (this.isUserInteracting) {
						return;
					}
					
					// 每次滚动一个卡片的宽度 (280rpx + 20rpx间距 = 300rpx)
					// rpx转px需要乘以屏幕宽度/750
					const cardWidth = 300 * (uni.getSystemInfoSync().windowWidth / 750);
					this.loungeScrollLeft += cardWidth;

					// 当滚动到最后时，重置到开始位置
					// 使用实际的 platformList3 长度来计算最大滚动距离
					const maxScroll = this.platformList3.length * cardWidth;
					if (this.loungeScrollLeft >= maxScroll) {
						this.loungeScrollLeft = 0;
					}
				}, 3000);
			},

			// 停止会客厅自动滚动
			stopLoungeAutoScroll() {
				if (this.loungeScrollTimer) {
					clearInterval(this.loungeScrollTimer);
					this.loungeScrollTimer = null;
				}
			},
			
			// 处理用户开始触摸滚动区域
			handleLoungeScrollTouchStart() {
				// 标记用户正在交互
				this.isUserInteracting = true;
				
				// 清除恢复定时器（如果存在）
				if (this.loungeResumeTimer) {
					clearTimeout(this.loungeResumeTimer);
					this.loungeResumeTimer = null;
				}
			},
			
			// 处理用户结束触摸滚动区域
			handleLoungeScrollTouchEnd() {
				// 清除之前的恢复定时器
				if (this.loungeResumeTimer) {
					clearTimeout(this.loungeResumeTimer);
				}
				
				// 5秒后恢复自动滚动
				this.loungeResumeTimer = setTimeout(() => {
					this.isUserInteracting = false;
					this.loungeResumeTimer = null;
				}, 5000);
			},
		},
		onReady() {
			// #ifdef MP-WEIXIN
			this.$nextTick(function() {
				// #ifdef MP
				const menuButton = uni.getMenuButtonBoundingClientRect();
				const query = uni.createSelectorQuery().in(this);
				query
					.select('#home')
					.boundingClientRect(data => {
						this.homeTop = menuButton.top * 2 + menuButton.height - data.height;
					})
					.exec();
				// #endif
			});
			// #endif

			// 启动会客厅自动滚动
			this.startLoungeAutoScroll();
		},
		onUnload() {
			// 页面卸载时停止自动滚动
			this.stopLoungeAutoScroll();
			
			// 清除恢复定时器
			if (this.loungeResumeTimer) {
				clearTimeout(this.loungeResumeTimer);
				this.loungeResumeTimer = null;
			}
		},
	}
</script>
<style scoped lang="scss">
	.box-jgq {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 20rpx;
	}

	.box-form-item {
		margin-top: 20rpx;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 10rpx 20rpx;
	}

	.box-platform {
		margin: 10rpx;
		border-radius: 12rpx;
		padding: 10rpx;
		box-sizing: border-box;
		background-color: white;
	}

	.box-lshy {
		font-size: 24rpx;
		border-radius: 6rpx;
		color: white;
		margin-top: 10rpx;
		width: fit-content;
		padding: 0rpx 10rpx;
		background-color: #01009C;
		text-align: center;
		height: 36rpx;
		line-height: 36rpx;
	}

	.box-news {
		margin-left: 25rpx;
		width: calc(100% - 50rpx);
	}

	/* 商(协)会列表 */
	.chamber-list {
		padding: 20rpx;
	}

	.chamber-item {
		margin-left: 25rpx;
		width: calc(100% - 50rpx);
		margin-top: 20rpx;
		display: flex;
		flex-direction: row;
		background-color: #ffffff;
		border-radius: 20rpx;
		padding: 30rpx 20rpx;
		margin-bottom: 20rpx;
		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
	}

	.chamber-logo-wrapper {
		width: 160rpx;
		height: 160rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 20rpx;
		overflow: hidden;
		background-color: #ffffff;
		border: 1rpx solid #f0f0f0;
	}

	.chamber-logo {
		width: 134rpx;
		height: 134rpx;
	}

	.chamber-info {
		flex: 1;
		margin-left: 20rpx;
		display: flex;
		flex-direction: column;
	}

	.chamber-name {
		font-size: 34rpx;
		color: #333333;
		font-weight: 500;
		margin-bottom: 20rpx;
	}

	.chamber-date,
	.chamber-members {
		font-size: 26rpx;
		color: #666666;
		margin-bottom: 15rpx;
	}

	.detail-btn {
		margin-top: 10rpx;
		width: 120rpx;
		height: 50rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border: solid 1rpx #ff2626;
		border-radius: 8rpx;
	}

	.detail-text {
		font-size: 22rpx;
		color: #ff2626;
	}

	.protoButton {
		background: none;
		border: none;
		outline: none;
		padding: 0;
		margin: 0;
		font: inherit;
		color: inherit;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		display: inline-block;
	}

	.box-card-list {
		margin: 0rpx 10rpx;
		background-color: white;
		height: auto;
		border-radius: 10rpx;
		margin-top: 24rpx;
	}

	.box-gongy {
		border-radius: 6rpx;
		font-size: 24rpx;
		width: fit-content;
		padding-left: 10rpx;
		padding-right: 10rpx;
		padding-top: 4rpx;
		padding-bottom: 4rpx;
		background-color: #FF5733;
		color: white;
		border-radius: 4rpx;
	}

	.box-card-shangji {
		margin-left: 20rpx;
		width: 100%;
		height: 210rpx;
		border-radius: 12rpx;
		background-color: white;
	}

	.box-mp-rq {
		width: 170rpx;
		height: 35rpx;
		background-color: white;
		border-radius: 6rpx;
		margin-left: 20rpx;
	}

	.box-mp-name {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 8rpx;
		left: 0rpx;
		width: 100%;
		height: 50rpx;
		background-color: #1D46BC;
		border-top-right-radius: 30rpx;
		border-top-left-radius: 30rpx;
	}

	.box-mp {
		margin-bottom: 10rpx;
		margin-left: 10rpx;
		padding: 10rpx;
		border-radius: 12rpx;
		height: 508rpx;
		width: 336rpx;
	}

	.box-card-share {
		text-align: center;
		line-height: 56rpx;
		color: #3D3CB4;
		width: 121rpx;
		height: 56rpx;
		border-radius: 6rpx;
		background: linear-gradient(129.99deg, rgba(0, 0, 230, 0) 0%, rgba(0, 0, 230, 0.08) 100%);
		border: 2rpx solid rgba(1, 0, 156, 1);
	}

	.box-card {
		width: calc(100% - 40rpx);
		margin-left: 20rpx;
		border: 2rpx solid #3D3CB4;
		border-radius: 8rpx;
	}

	.box-gg {
		display: flex;
		align-items: center;
	}

	.box-bgimg {
		position: absolute;
		top: 0rpx;
		left: 0rpx;
	}

	.box-logo {
		width: 276rpx;
		height: 70rpx;
	}

	.head-wrapper {
		z-index: 999;
		position: fixed;
		top: 0;
		margin-left: 20rpx;
	}

	.box-main-top {
		position: fixed;
		top: 0rpx;
		left: 0rpx;
		width: 100%;
		z-index: 99;
	}

	.box-card-share {
		text-align: center;
		line-height: 56rpx;
		color: #3D3CB4;
		width: 121rpx;
		height: 56rpx;
		border-radius: 6rpx;
		background: linear-gradient(129.99deg, rgba(0, 0, 230, 0) 0%, rgba(0, 0, 230, 0.08) 100%);
		border: 2rpx solid rgba(1, 0, 156, 1);
	}

	.close-btn {
		position: absolute;
		top: -80rpx;
		right: -20rpx;
		z-index: 999;
		width: 80rpx;
		height: 80rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/* 贵商寄语样式 */
	.px-20 {
		padding-left: 20rpx;
		padding-right: 20rpx;
	}

	.space-between {
		justify-content: space-between;
	}

	.feedback-card {
		background-color: #ffffff;
		border-radius: 16rpx;
		overflow: hidden;
		box-shadow: 0 8rpx 16rpx rgba(0, 18, 170, 0.06);
		margin-bottom: 10rpx;
		height: 580rpx;
		/* 增加卡片高度 */
		display: flex;
		flex-direction: column;
		position: relative;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	.feedback-card:active {
		transform: scale(0.98);
		box-shadow: 0 6rpx 16rpx rgba(0, 18, 170, 0.06);
	}

	.card-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 16rpx;
		background: linear-gradient(to right, rgba(249, 251, 253, 0.7), rgba(255, 255, 255, 0.9));
		border-bottom: 1px solid rgba(0, 18, 170, 0.05);
		flex-shrink: 0;
	}

	.card-tag-blue {
		display: inline-block;
		background: linear-gradient(135deg, #4e7fff 0%, #7db1ff 100%);
		color: #fff;
		font-size: 24rpx;
		font-weight: 600;
		padding: 6rpx 20rpx;
		border-radius: 20rpx;
		box-shadow: 0 4rpx 8rpx rgba(78, 127, 255, 0.2);
	}

	.card-tag-red {
		display: inline-block;
		background: linear-gradient(135deg, #ff4e4e 0%, #ff7e7e 100%);
		color: #fff;
		font-size: 24rpx;
		font-weight: 600;
		padding: 6rpx 20rpx;
		border-radius: 20rpx;
		box-shadow: 0 4rpx 8rpx rgba(255, 78, 78, 0.2);
	}

	.card-tag-green {
		display: inline-block;
		background: linear-gradient(135deg, #1ecb8b 0%, #7ee6b8 100%);
		color: #fff;
		font-size: 24rpx;
		font-weight: 600;
		padding: 6rpx 20rpx;
		border-radius: 20rpx;
		box-shadow: 0 4rpx 8rpx rgba(30, 203, 139, 0.2);
	}

	.card-tag-orange {
		display: inline-block;
		background: linear-gradient(135deg, #ff8c00 0%, #ffb74d 100%);
		color: #fff;
		font-size: 24rpx;
		font-weight: 600;
		padding: 6rpx 20rpx;
		border-radius: 20rpx;
		box-shadow: 0 4rpx 8rpx rgba(255, 140, 0, 0.2);
	}

	.card-date {
		font-size: 22rpx;
		color: #999;
		background-color: rgba(249, 251, 253, 0.8);
		padding: 4rpx 12rpx;
		border-radius: 12rpx;
	}

	.card-image {
		width: 100%;
		height: 200rpx;
		/* 调整图片高度 */
		flex-shrink: 0;
		object-fit: cover;
		transition: transform 0.3s ease;
	}

	.feedback-card:hover .card-image {
		transform: scale(1.02);
	}

	.card-user {
		display: flex;
		flex-direction: column;
		padding: 12rpx 16rpx;
		flex-shrink: 0;
		border-bottom: 1px solid rgba(0, 18, 170, 0.03);
		background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(249, 251, 253, 0.8));
	}

	.user-name {
		font-size: 28rpx;
		font-weight: 600;
		color: #333;
	}

	.user-company {
		font-size: 22rpx;
		color: #666;
		margin-top: 4rpx;
	}

	.card-desc {
		font-size: 26rpx;
		color: #333;
		padding: 16rpx;
		margin-bottom: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		/* 允许显示3行 */
		-webkit-box-orient: vertical;
		flex: 1;
		/* 允许这部分伸缩 */
		line-height: 1.6;
		min-height: 90rpx;
		/* 最小高度 */
	}

	.card-footer {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 16rpx 16rpx 20rpx;
		border-top: 1rpx solid #f2f2f2;
		flex-shrink: 0;
		margin-top: auto;
		background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(249, 251, 253, 0.9));
	}

	.card-money {
		display: flex;
		align-items: center;
		background: rgba(255, 78, 78, 0.08);
		padding: 4rpx 12rpx;
		border-radius: 12rpx;
	}

	.money-icon {
		font-size: 24rpx;
		color: #ff4e4e;
		font-weight: bold;
		margin-right: 4rpx;
	}

	.money-value {
		font-size: 24rpx;
		color: #ff4e4e;
		font-weight: bold;
	}

	.view-btn {
		font-size: 24rpx;
		color: #fff;
		background: linear-gradient(135deg, #4e7fff, #3D3CB4);
		padding: 6rpx 16rpx;
		border-radius: 30rpx;
		font-weight: 500;
		box-shadow: 0 4rpx 8rpx rgba(78, 127, 255, 0.2);
	}

	.lh-40 {
		line-height: 40rpx;
	}

	/* 贵商寄语滑块相关样式 */
	.feedback-swiper {
		height: 660rpx;
		width: 100%;
	}

	/* 浅色背景渐变 */
	.bg-light-gradient {
		background: linear-gradient(135deg, #f8faff, #ffffff);
		border: 1px solid rgba(78, 127, 255, 0.05);
	}

	/* 欢迎语区域样式 */
	.welcome-section {
		position: relative;
	}

	.welcome-greeting {
		position: relative;
		display: inline-block;
	}

	.welcome-decoration {
		position: absolute;
		bottom: -8rpx;
		left: 0;
		width: 100%;
		height: 4rpx;
		background: linear-gradient(90deg, #4e7fff, transparent);
		opacity: 0.7;
		border-radius: 2rpx;
	}

	/* 卡片区域容器样式 */
	.card-section {
		position: relative;
		padding: 10rpx 0;
	}

	.card-section::before {
		content: "";
		position: absolute;
		top: -20rpx;
		right: 40rpx;
		width: 60rpx;
		height: 60rpx;
		border-radius: 50%;
		background: linear-gradient(135deg, rgba(78, 127, 255, 0.1), rgba(0, 18, 170, 0.05));
		z-index: 1;
	}

	.card-section::after {
		content: "";
		position: absolute;
		bottom: 30rpx;
		left: 30rpx;
		width: 40rpx;
		height: 40rpx;
		border-radius: 50%;
		background: linear-gradient(135deg, rgba(255, 78, 78, 0.1), rgba(255, 140, 0, 0.05));
		z-index: 1;
	}

	/* 空状态样式 */
	.empty-state {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 500rpx;
		color: #999;
		font-size: 28rpx;
		background-color: rgba(249, 251, 253, 0.5);
		border-radius: 12rpx;
	}

	/* 占位符样式 */
	.feedback-card.placeholder {
		box-shadow: none;
		background: transparent;
	}

	/* 按钮样式 */
	.more-btn {
		font-size: 24rpx;
		color: #666;
		padding: 8rpx 16rpx;
		border-radius: 30rpx;
		background: rgba(0, 18, 170, 0.03);
	}

	.publish-btn {
		font-size: 24rpx;
		color: #fff;
		padding: 8rpx 20rpx;
		border-radius: 30rpx;
		background: linear-gradient(135deg, #4e7fff, #3D3CB4);
		box-shadow: 0 4rpx 8rpx rgba(78, 127, 255, 0.15);
	}

	/* 贵商寄语空状态样式 */
	.empty-feedback-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 60rpx 0;
		height: 500rpx;
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 16rpx;
	}

	.empty-feedback-image {
		width: 500rpx;
		height: 500rpx;
		margin-bottom: 30rpx;
	}

	.empty-feedback-text {
		font-size: 32rpx;
		font-weight: 600;
		color: #333;
		margin-bottom: 20rpx;
	}

	.empty-feedback-desc {
		font-size: 26rpx;
		color: #999;
		margin-bottom: 40rpx;
		text-align: center;
		padding: 0 40rpx;
	}

	.empty-feedback-btn {
		background: linear-gradient(135deg, #4e7fff, #3D3CB4);
		padding: 16rpx 60rpx;
		border-radius: 40rpx;
		box-shadow: 0 8rpx 16rpx rgba(78, 127, 255, 0.2);
		transition: transform 0.2s ease;
	}

	.empty-feedback-btn:active {
		transform: scale(0.96);
	}

	.empty-feedback-btn-text {
		font-size: 28rpx;
		color: #fff;
		font-weight: 500;
	}

	/* 会客厅样式 */
	.lounge-scroll-container {
		width: 100%;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.lounge-scroll-container::-webkit-scrollbar {
		display: none;
	}

	.lounge-content {
		display: inline-flex;
		padding: 0 20rpx 20rpx 20rpx;
		gap: 20rpx;
	}

	.lounge-card {
		display: inline-block;
		width: 280rpx;
		background: #ffffff;
		border-radius: 16rpx;
		overflow: hidden;
		box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);
		transition: all 0.3s ease;
	}

	.lounge-card:active {
		transform: translateY(-4rpx);
		box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.12);
	}

	.lounge-card-image-wrap {
		width: 100%;
		height: 200rpx;
		position: relative;
		overflow: hidden;
		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	}

	.lounge-card-image {
		width: 100%;
		height: 100%;
		display: block;
	}

	.lounge-card-content {
		padding: 16rpx 16rpx 18rpx 16rpx;
		background: #ffffff;
	}

	.lounge-card-title {
		font-size: 28rpx;
		font-weight: 600;
		color: #333333;
		line-height: 40rpx;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.lounge-card-desc {
		font-size: 24rpx;
		color: #666666;
		line-height: 36rpx;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		min-height: 72rpx;
	}
</style>